import React from 'react';
import { inject, observer } from 'mobx-react';
import {
  WeaNewScroll,
} from 'ecCom';
import CenterLeft from './CenterLeft';
import CenterRight from './CenterRight';
import { toJS } from 'mobx';

@inject('docCenterStore')

@observer
class CenterContent extends React.Component {
  componentDidMount() {
  }
  componentWillReceiveProps() {
  }
  componentWillUnmount() {
  }

  render() {
    const { docCenterStore } = this.props;
    const { docList, docListOfPartner } = docCenterStore;
    return (
      <div className="center">
        <div className="center-left">
          <CenterLeft ecId={`${this && this.props && this.props.ecId || ''}_CenterLeft@2lm079`} />
        </div>
        <div className="center-right">
          <WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@jx831k`} height={'100%'}>
          	<CenterRight ecId={`${this && this.props && this.props.ecId || ''}_CenterRight@2xh5hg`} docList={toJS(docList)} docListOfPartner={toJS(docListOfPartner)} />
          </WeaNewScroll >
        </div>
      </div>
    );
  }
}

export default CenterContent;

